<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/pro_search.css">
</head>
<body>
<header>头部</header>
<div class="main">
  <div class="hot-search">
      <h2>热门搜索</h2>
      <ul>
          <li>茶叶罐</li>
          <li>旧斑锡</li>
          <li>风水招财</li>
          <li>纯锡摆件</li>
          <li>浮雕锡器</li>
          <li>马来西亚</li>
          <li>皇家雪兰莪</li>
          <li>手工锡罐</li>
          <li>龙锡器</li>
      </ul>
  </div>
    <div class="record">
        <h2>历史记录</h2>
        <ul>
            <li>龙锡器<span>&gt;</span></li>
            <li>龙锡器<span>&gt;</span></li>
            <li>龙锡器<span>&gt;</span></li>
            <li>龙锡器<span>&gt;</span></li>
        </ul>
        <a href="#">清楚历史记录</a>
    </div>
</div>
<footer>尾部</footer>
<script src="../lib/zepto.min.js"></script>
<script src="../js/resetRem.js"></script>
</body>
</html>